// pages/index/index.js
Page({
  data: {
    currentTab: 0,
    userinfo_university:"桂林航天工业学院",
    statusBarHeight:0,
    MenuButtonHeight:0,
    sumHeight:0,
    rowHeight:0,
    imageNumber:1,

    // 图片展示列表 我的校园 - 动态展示
    images: ['https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=545f0265d2724b0989a875a3adc7d225&t=1706598290','https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=545f0265d2724b0989a875a3adc7d225&t=1706598290','https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=545f0265d2724b0989a875a3adc7d225&t=1706598290','https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=545f0265d2724b0989a875a3adc7d225&t=1706598290' ],
    imageRows: [],

    
    // 设置图片的最大上传数量，九个是为了做成9宫格
    maxImageCount:9,

    // 图片上传URL
    imageList:[],
    imageUrlList:[],
    imageUrl:"https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/functionIcon/icon_upload.png?sign=8c93e82d66c24aa4f6e8952bad39b048&t=1705116907",

    // 3.设置默认激活的导航项为'myCampus'
    activeTab: 'campusActivity',
    // activeTab: 'myCampus',
    university:"",
    // 活动列表
    activityList: [
      {
        id: 1,
        title: "校园音乐节",
        date: "2024-05-15",
        location: "学校体育场",
        organizer:"学生会",
        cover: "https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=3f8c155074144805e4fa6e875d42f940&t=1705478884"
      },
      {
        id: 2,
        title: "文学讲座",
        date: "2024-05-20",
        location: "图书馆报告厅",
        organizer:"图书社",
        cover: "https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=3f8c155074144805e4fa6e875d42f940&t=1705478884"
      },
      // 可以继续添加其他活动
    ],

    // 评论回复栏
    comments: [
      {
        avatarUrl: 'https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=741d2cca2ff738059310f1cb322f7a53&t=1706598300',
        userName: '张三',
        time: '2024-01-30 10:30',
        text: '这是一条评论的内容。',
        replies: [
          {
            userName: '李四',
            text: '谢谢张三的评论！',
            time: '2024-01-30 10:35',
          },
          // 添加更多回复数据...
        ]
      },
      {
        avatarUrl: 'https://636c-cloud1-7g01br1f58442f50-1323588102.tcb.qcloud.la/DefaultAvatar.jpg?sign=741d2cca2ff738059310f1cb322f7a53&t=1706598300',
        userName: '李四',
        time: '2024-01-30 10:30',
        text: '这是二条评论的内容。',
        replies: [
          {
            userName: '李四',
            text: '谢谢张三的评论！',
            time: '2024-01-30 10:35',
          },
          // 添加更多回复数据...
        ]
      },
      
      // 添加更多评论数据...
    ]

  }, 
  // 4. 定义导航切换函数
  switchTab: function (event) {
    // 5. 获取点击按钮的自定义数据 'data-tab'，即对应的导航项标识
    const tab = event.currentTarget.dataset.tab;
    // 6. 更新激活的导航项
    this.setData({
      activeTab: tab,
    });
  },
  //我的校园 - 点击指定图片 完成预览
  previewImageMy: function (e) {
    // 自定义元素获取信息,获取当前点击的位置的控件的src的路径值
    const currentImage = e.currentTarget.dataset.src;
    //通过获取到的路径值,实现图片预览
    wx.previewImage({
      current: currentImage,
      urls: this.data.images
    });
  },
  // 动态 图片信息上传
  chooseImage: function () {
    if (this.data.imageList.length >= this.data.maxImageCount) {
      wx.showToast({
        title: '不能上传更多图片了',
        icon: 'none'
      });
      return;
    }
    wx.chooseMedia({
      count: 6,  // 选择图片的数量，这里设置为1
      mediaType:'mix',
      maxDuration: 30,
      sizeType: ['original', 'compressed'],  // 原图或压缩图
      sourceType: ['album', 'camera'],  // 从相册或相机选择
      camera:['camera','front'],
      success: (res) => {
        const newMedia = {
          tempFilePath: res.tempFiles[0].tempFilePath
        };
        // 此处可以获取到信息
        console.log("路径为:"+newMedia.tempFilePath);
        this.setData({
          imageUrlList:this.data.imageUrlList.concat(newMedia.tempFilePath),
          imageList: this.data.imageList.concat(newMedia),
          imageIndex: this.data.imageIndex +1
        });
        console.log("获取到的图片数组为:")
        console.log(this.data.imageList)
        console.log(this.data.imageList[0].tempFilePath)
        console.log("索引值为："+this.data.imageIndex)
        console.log("获取到的URL列表：")
        console.log(this.data.imageUrlList)
      }
    });
  },
  // 发布动态 - 点击指定图片 完成预览
  previewImage: function (e) {
    // 自定义元素获取信息,获取当前点击的位置的控件的src的路径值
    const currentImage = e.currentTarget.dataset.src;
    //通过获取到的路径值,实现图片预览
    wx.previewImage({
      current: currentImage,
      urls: this.data.imageList.map(media => media.tempFilePath)
    });
  },
  // 校园活动 点击活动卡片跳转到详情页
  goToActivityDetail(event) {
    const activityId = event.currentTarget.dataset.activityId;
    // 这里可以根据实际情况跳转到相应的活动详情页，例如：
    wx.navigateTo({
      url: '/pages/activityDetail/activityDetail?id=' + activityId,
    });
  },


   /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    const rect = wx.getMenuButtonBoundingClientRect()
    // 赋值
    const {
      // 上边界的坐标
      top,
      // 高
      height,
      // 宽
      width
    } = rect
    console.log(rect)

    // 获取状态栏的高度
    wx.getSystemInfo({
      success: (res) => {
        this.setData({
          statusBarHeight: res.statusBarHeight,
          //把小程序胶囊的高度赋值给指定的值
          MenuButtonHeight: (top - res.statusBarHeight) * 2 + height,
          rowHeight:(res.statusBarHeight+ (top - res.statusBarHeight) * 2 + height)/3,
          sumHeight:(res.statusBarHeight+ (top - res.statusBarHeight) * 2 + height)+(res.statusBarHeight+ (top - res.statusBarHeight) * 2 + height)/3
        });
        console.log("状态栏高度"+res.statusBarHeight); // 单位px
        console.log("导航栏胶囊"+this.data.MenuButtonHeight)
        console.log("导航栏行高"+this.data.rowHeight)
        console.log("高度总 和"+this.data.sumHeight)
      }
    });
    console.log(this.data.statusBarHeight)
    console.log(this.data.sumHeight)
  },
  onLoad: function () {
    // 在页面加载时计算图片行数
    const images = this.data.images;
    const rowSize = 3; // 每行最多显示的图片个数
    const rowCount = Math.ceil(images.length / rowSize); // 计算行数

    let imageRows = [];
    for (let i = 0; i < rowCount; i++) {
      const start = i * rowSize;
      const end = start + rowSize;
      const rowImages = images.slice(start, end);
      imageRows.push(rowImages);
    }

    this.setData({
      imageRows: imageRows
    });
  },
  //用户登录判断，如果没有登录，则提示要登录
  //如果用户已经登录，则跳转到学校选择界面
  selectCollegeLogin(){
    // 获取小程序实例
    const app = getApp();
    const islogin = app.globalData.islogin;
    console.log("用户登录",islogin);
    //已经登录了
    if(islogin){
      wx.showToast({
        title: '已经登录',
        icon: 'none'
      })  
      //跳转到大学选择界面
      this.chooseCollege();    
    }else{
      wx.showToast({
        title: '没有登录',
        icon: 'none'
      })            
    }

  },
  onShow(){
    const university = wx.getStorageSync('university');
    this.setData({
      "university":university,
    })
    console.log("获取到的学校为：",university)
  },


  //选择指定得大学
  chooseCollege(){
    wx.navigateTo({
      url: '/pages/universitySelect/universitySelect',
    });
  },
});
